<html>
<head>
</head>
<body >
<div class="head_div">
	<span class="crumbs_text">您的位置:</span>
    <span class="crumbs_text_1"><a style="text-decoration:none" href="javascript:;"><b class="">系统管理></b></a></span>
    <span class="">角色管理</span>
</div>
<div style='padding:20px;'>
	<div class="operating">
		<div class="seek_range">
			<span>角色名称：</span>
			<input type="text" name="roleName" id="roleName">
		</div>
		<div class="seek_range">
			<span>角色状态：</span>
			<select name="roleStatus" id="roleStatus">
				<option value="" selected="selected" style="height:20px;">请选择</option>
				<option value="0">冻结</option>
				<option value="1">启用</option>
			</select>
		</div>
		<div class="seek_range">
			<a id="searchBtn" class="btn_blue03" onclick="doSearch();" href="javascript:void(0)" style="width:80px">查询</a>
			<a id="addBtn" class="btn_blue03" onclick="addWin();" href="javascript:void(0)" style="width:80px">新增角色</a>
		</div>
	</div>
	<br/>
	<table id="tt"></table>
</div>
	
	<!--新增用户窗口-->
	<div style="width:500px;padding:5px;" id="addWin" class="easyui-window" title="新增角色" data-options="modal:true,closed:true,minimizable: false,maximizable: false,resizable:false,shadow:false" >
		<div data-options="region:'left',border:false" style="padding:10px;">
			<form id="addForm" style="font-size:14px;left:200px;">
	  		 <div style="margin-top:10px;">
	  		 	<label>角色名称：</label>
	  		 	<input style="width:300px;" type="text" id="roleNameAdd" class="easyui-validatebox" data-options="required:true,validType:['length[0,30]']"/>
	  		 </div>
	  		 <div style="margin-top:10px;">
	  		 	<label>角色描述：</label>
	  		 	<textarea id="remarkAdd" rows="6" cols="34"  class="easyui-validatebox" validType="length[0,200]" style="resize:none;"></textarea>
	  		 </div>
	  		</form>
		</div>
		<div data-options="region:'south',border:false" style="text-align:center;background-color: #eee;height: 60px;padding: 10px 0 0 85px;">
			<a id="saveBtn" class="btn_blue02" href="javascript:void(0)">确定</a>
			<a id="cancelBtn" class="btn_gray02" href="javascript:void(0)">取消</a>
		</div>
	</div>
	
	<!--编辑用户窗口-->
	<div id="editUserWin" style="width:845px;padding:5px;" class="easyui-window" title="编辑用户" data-options="modal:true,closed:true,minimizable: false,maximizable: false,resizable:false,shadow:false">
		<div class="operating">
			<input id="roleId" type="hidden"></input>
			<div class="seek_range"  style="margin-top:10px;">
				<span>角色名称：</span>
				<span id="roleNameSpan"></span>
			</div>
			<div class="seek_range" style="margin-top:10px;">
				<span>登录账号：</span>
				<input type="text" name="userName" id="userName">
			</div>
			<div class="seek_range" style="margin-top:10px;">
				<span>姓名：</span>
				<input type="text" name="realName" id="realName">
			</div>
			<div class="seek_range" style="margin-top:10px;">
				<span>授权状态：</span>
				<select name="powerStatus" id="powerStatus">
					<option value="" selected="selected" style="height:20px;">全部用户</option>
					<option value="1">本角色用户</option>
					<option value="0">非本角色用户</option>
				</select>
			</div>
			<div class="seek_range" style="margin-top:10px;">
				<span>账号状态：</span>
				<select name="operatorStatus" id="operatorStatus">
					<option value="" selected="selected" style="height:20px;">全部</option>
					<option value="1">已开通</option>
					<option value="0">已冻结</option>
				</select>
			</div>
			<div class="seek_range" style="margin-top:10px;">
				<a id="searchBtn" class="btn_blue03" onclick="doSearchUser();" href="javascript:void(0)" style="width:80px">查询</a>
			</div>
		</div>
		<table id="user"></table>
		<div data-options="region:'south',border:false" style="text-align:center;background-color: #eee;height: 60px;padding: 10px 0 0 110px;">
			<a id="saveRole2User" class="btn_blue02" href="javascript:void(0)">确定</a>
			<a id="cancelBtnUser" class="btn_gray02" href="javascript:void(0)">取消</a>
		</div>
	</div>
	<script type="text/javascript" src="${mainDomain}/statics/js/backend/user/rolePage.js?version=1002"></script>
		<script>
	var mainDomain = "${mainDomain}";
	var miscDomain = '${mainDomain}';
</script>
</body>
</html>